import React, { useState, useEffect } from 'react';
import { FlowReportItemStyled } from './style';
import image3 from '@/assets/images/image3.png';
import { title } from 'process';

type FlowReportItemPropsType = {
  data?: string,
  title?: string
};



const FlowReportItem: React.FC<FlowReportItemPropsType> = (props) => {

  const { data, title } = props;

  useEffect(() => {

  }, [props.data]);


  return (
    <FlowReportItemStyled>
      <div>
        <div style={{ "width": "3vw", "height": "3vw", "margin": "auto" }}>
          <img src={image3} style={{ "width": "2.5vw", "height": "2.5vw" }} ></img>

        </div>
        <div>
          <div>
            {title}
          </div>
          <div>
            {data}
          </div>


        </div>
      </div>
    </FlowReportItemStyled >
  );
};

export default FlowReportItem;
